<style>:host .chart{--d3fc-local-full--gradient:var(--d3fc-full--gradient,linear-gradient(#4d342f 0%,#e4521b 22.5%,#feeb65 42.5%,#f0f0f0 50%,#dcedc8 57.5%,#42b3d5 67.5%,#1a237e 100%));--d3fc-local-positive--gradient:var(--d3fc-positive--gradient,linear-gradient(#dcedc8 0%,#42b3d5 35%,#1a237e 100%));--d3fc-local-negative--gradient:var(--d3fc-negative--gradient,linear-gradient(#feeb65 100%,#e4521b 70%,#4d342f 0%));--d3fc-local-series:var(--d3fc-series,rgba(31,119,180,0.5));--d3fc-local-series-1:var(--d3fc-series-1,#0366d6);--d3fc-local-series-2:var(--d3fc-series-2,#ff7f0e);--d3fc-local-series-3:var(--d3fc-series-3,#2ca02c);--d3fc-local-series-4:var(--d3fc-series-4,#d62728);--d3fc-local-series-5:var(--d3fc-series-5,#9467bd);--d3fc-local-series-6:var(--d3fc-series-6,#8c564b);--d3fc-local-series-7:var(--d3fc-series-7,#e377c2);--d3fc-local-series-8:var(--d3fc-series-8,#7f7f7f);--d3fc-local-series-9:var(--d3fc-series-9,#bcbd22);--d3fc-local-series-10:var(--d3fc-series-10,#17becf);}:host .chart .series{fill:var(--d3fc-local-series);}:host .chart .series-1{fill:var(--d3fc-local-series-1);}:host .chart .series-2{fill:var(--d3fc-local-series-2);}:host .chart .series-3{fill:var(--d3fc-local-series-3);}:host .chart .series-4{fill:var(--d3fc-local-series-4);}:host .chart .series-5{fill:var(--d3fc-local-series-5);}:host .chart .series-6{fill:var(--d3fc-local-series-6);}:host .chart .series-7{fill:var(--d3fc-local-series-7);}:host .chart .series-8{fill:var(--d3fc-local-series-8);}:host .chart .series-9{fill:var(--d3fc-local-series-9);}:host .chart .series-10{fill:var(--d3fc-local-series-10);}:host{user-select:none;}:host .chart{position:absolute;box-sizing:border-box;left:0;top:0;%;%;padding:12px;overflow:hidden;}:host .chart.heatmap d3fc-group.cartesian-chart,:host .chart.treemap d3fc-group.cartesian-chart{grid-template-columns:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);grid-template-rows:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);}:host .chart .chart-label{display:none;}:host .chart.heatmap{padding-right:120px;}:host .chart.xyscatter{padding:0;font-size:14px;}:host .chart.xyscatter d3fc-group:first-child{padding:16px;padding-top:0px;width:calc(100% - 32px);height:calc(100% - 16px);}:host .chart.xyscatter .multi-xlabel{position:absolute;bottom:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .multi-ylabel{position:absolute;top:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .outer-container{%;}:host .chart.xyscatter .inner-container{display:inline-grid;overflow-y:auto;width:calc(100% - 16px);%;padding:0;margin:0;}:host .chart.xyscatter .inner-container div{overflow:hidden;}:host .chart.xyscatter .inner-container text.segment,:host .chart.xyscatter .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.xyscatter .inner-container div.xy-scatter-container{margin:5px 0;}:host .chart.sunburst{padding:0;font-size:14px;}:host .chart.sunburst .outer-container{%;}:host .chart.sunburst .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.sunburst .inner-container div{overflow:hidden;}:host .chart.sunburst .inner-container .sunburst-container:not(:only-child) svg{transform:translate(0,-27px);}:host .chart.sunburst .inner-container svg{%;%;}:host .chart.sunburst .inner-container path{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.sunburst .inner-container text.segment,:host .chart.sunburst .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.sunburst .inner-container div.title-container{margin-top:5px;}:host .chart.has-legend{padding-right:120px;}:host .chart.treemap .treemap-container{position:relative;}:host .chart.treemap .treemap-container:not(:only-child){width:calc(100% - 12px);height:calc(100% - 12px);}:host .chart.treemap .outer-container{%;}:host .chart.treemap .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.treemap .inner-container div{overflow:hidden;}:host .chart.treemap .inner-container svg{%;%;}:host .chart.treemap .inner-container .treerect{stroke:var(--d3fc-treedata-axis--lines,var(--d3fc-axis--lines,white));fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.treemap .inner-container .treerect:hover{cursor:pointer;stroke:var(--d3fc-treedata--hover-highlight,black);stroke-opacity:1;}:host .chart.treemap .inner-container .rootnode{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .branchnode{opacity:0;}:host .chart.treemap .inner-container .branchnode:hover{fill-opacity:0.1;opacity:1;fill:var(--d3fc-treedata--hover-highlight,black);}:host .chart.treemap .inner-container .leafnode{fill-opacity:0.8;}:host .chart.treemap .inner-container .leafnode:hover{fill-opacity:0.5;}:host .chart.treemap .inner-container #hidden{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .top{font-size:14px;z-index:5;pointer-events:none;}:host .chart.treemap .inner-container .mid{font-size:8px;opacity:0.7;z-index:4;}:host .chart.treemap .inner-container .lower{font-size:0px;opacity:0;z-index:4;}:host .chart.treemap .inner-container text{fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.treemap .inner-container text.title{dominant-baseline:hanging;}:host .chart.treemap .inner-container .parent-controls{position:absolute;top:12px;right:auto;left:30px;width:auto;z-index:4;transition:box-shadow 1s;}:host .chart.treemap .inner-container .parent-controls:hover{box-shadow:2px 2px 6px#000;transition:box-shadow 0.2s;}:host .chart .x-label{em!important;line-height:1em!important;}:host .chart .x-label,:host .chart .y-label{color:var(--d3fc-label--color,inherit);font-size:14px;}:host .chart d3fc-canvas.plot-area{display:none;}:host .chart.xyscatter d3fc-canvas.plot-area,:host .chart.xyline d3fc-canvas.plot-area,:host .chart.ohlc d3fc-canvas.plot-area,:host .chart.candlestick d3fc-canvas.plot-area,:host .chart.heatmap d3fc-canvas.plot-area{display:block;}:host .chart .y-axis text,:host .chart .x-axis text{fill:var(--d3fc-axis-ticks--color,rgb(80,80,80));font-size:11px;}:host .chart .y-axis path,:host .chart .x-axis path{stroke:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label{display:inline-block;margin:0 10px;cursor:pointer;}:host .chart .splitter-label::after{margin-left:5px;color:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label:hover::after{color:var(--d3fc-axis-ticks--color,rgb(80,80,80));}:host .chart .splitter-label.disabled::after{color:rgba(80,80,80,0.3);}:host .chart .splitter-label.disabled{cursor:default;}:host .chart .y-label.left-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-desc-icon--mask-image);mask-image:var(--sort-desc-icon--mask-image);}:host .chart .y-label.right-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-asc-icon--mask-image);mask-image:var(--sort-asc-icon--mask-image);}:host .chart.ybar .y-axis path,:host .chart.yline .y-axis path,:host .chart.xyline .y-axis path,:host .chart.xyline .x-axis path,:host .chart.yarea .y-axis path,:host .chart.yscatter .y-axis path,:host .chart.xyscatter .y-axis path,:host .chart.xyscatter .x-axis path,:host .chart.xbar .x-axis path{visibility:hidden;}:host .chart .y-label{white-space:nowrap;}:host .chart .nearbyTip{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host #dragHandles{position:absolute;top:0px;right:0px;left:auto;pointer-events:none;}:host #dragHandles rect{pointer-events:all;}:host .label rect{fill:none;}:host .legend-container{position:absolute;top:12px;right:12px;left:auto;}:host .legend-container.legend-color{}:host .legend-container[borderbox-on-hover="true"]{transition:box-shadow 1s;}:host .legend-container[borderbox-on-hover="true"]:hover{background-color:var(--d3fc-legend--background,#ffffff);transition:box-shadow 0.2s,background-color 0.2s;}:host .legend-container .legend{font-size:8pt;%;}:host .legend-container .legend .cell{cursor:pointer;}:host .legend-container .legend .cell path{fill:var(--d3fc-series,rgba(31,119,180,0.5));stroke:var(--d3fc-series,rgb(31,119,180));}:host .legend-container .legend .cell.hidden path{fill:rgba(204,204,204,0.5);stroke:rgb(204,204,204);}:host .legend-container .legend .cell.hidden circle{fill:rgb(204,204,204)!important;}:host .legend-container text{fill:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .label:hover{fill:rgb(34,160,206);}:host .legend-container #legend-axis path{stroke:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .legend-controls{margin-left:12px;}:host .legend-container .legend-controls #up-arrow,:host .legend-container .legend-controls #down-arrow{cursor:pointer;color:rgb(31,119,180);}:host .legend-container .legend-controls #up-arrow.disabled,:host .legend-container .legend-controls #down-arrow.disabled{cursor:default;color:rgb(51,51,51);}:host .heatmap .legend-container.legend-color{}:host .treemap .legend-container.legend-color{}:host .treemap .legend-container:not(.legend-color){}:host .zoom-controls{position:absolute;top:10px;left:0;%;text-align:center;}:host .zoom-controls button{-webkit-appearance:none;background:var(--plugin--background,rgb(247,247,247));border:1px solid var(--inactive--color,rgb(204,204,204));color:var(--d3fc-label--color,inherit);font-size:12px;padding:8px;opacity:0.5;cursor:pointer;}:host .zoom-controls button:hover{opacity:1;}:host .parent-controls{position:absolute;top:30px;right:145px;%;text-align:right;}:host .parent-controls button{-webkit-appearance:none;background:rgb(247,247,247);border:1px solid rgb(204,204,204);padding:10px;opacity:0.5;cursor:pointer;}:host .parent-controls button:hover{background:rgb(230,230,230);}:host div.tooltip{position:absolute;text-align:left;font-size:12px;font-weight:300;white-space:nowrap;padding:0.5em;background:var(--d3fc-tooltip--background,#ffffff);color:var(--d3fc-tooltip--color,black);border:1px solid var(--d3fc-tooltip--border-color,#777777);box-shadow:var(--d3fc-tooltip--box-shadow,none);pointer-events:none;}:host div.tooltip ul{margin:0;padding:0;list-style-type:none;}d3fc-canvas,d3fc-svg{position:relative;display:block}d3fc-canvas>canvas,d3fc-svg>svg{position:absolute;%;%}d3fc-svg>svg{overflow:visible}d3fc-group.cartesian-chart{%;%;overflow:hidden;display:grid;display:-ms-grid;grid-template-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);grid-template-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);}
d3fc-group.cartesian-chart>.top-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;}
d3fc-group.cartesian-chart>.top-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2;}
d3fc-group.cartesian-chart>.left-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.left-axis{width:3em;grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.plot-area{overflow:hidden;grid-column:3;-ms-grid-column:3;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-axis{width:3em;grid-column:4;-ms-grid-column:4;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:5;-ms-grid-column:5;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.bottom-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:4;-ms-grid-row:4;}
d3fc-group.cartesian-chart>.bottom-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:5;-ms-grid-row:5;}
d3fc-group.cartesian-chart>.y-label{display:flex;transform:rotate(-90deg);width:1em;white-space:nowrap;justify-content:center;}</style><div id="container" class="chart ybar"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label" style="margin-bottom: 1em; margin-top: 0px;"></div><div class="x-label bottom-label">Sub-Category</div><div class="y-label left-label"><span class="splitter-label disabled" style="color: rgb(3, 102, 214);">Quantity</span></div><d3fc-svg class="svg-plot-area plot-area"><svg viewBox="0 0 863 552" preserveAspectRatio="none"><g class="y-series"><g class="multi"><g><g class="grouped"><g><g class="bar vertical" transform="translate(19.036764705882348, 530.3783059926348)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v21.62169400736525h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(69.80147058823529, 511.3438232340141)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v40.65617676598589h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(120.56617647058823, 437.3311014395715)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v114.66889856042849h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(171.3308823529412, 334.3046534984935)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v217.6953465015065h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(222.09558823529412, 471.79645128891866)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v80.20354871108134h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(272.8602941176471, 248.09507867425512)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v303.9049213257449h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(323.62500000000006, 260.19953130231)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v291.80046869769h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(374.389705882353, 492.2169400736525)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v59.783059926347505h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(425.1544117647059, 392.23970539002346)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v159.76029460997654h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(475.91911764705884, 277.01640441914964)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v274.98359558085036h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(526.6838235294117, 0)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v552h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(577.4485294117646, 222.77736859725476)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v329.22263140274526h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(628.2132352941178, 468.2852360227653)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v83.71476397723472h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(678.9779411764707, 73.55071978573821)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v478.44928021426176h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(729.7426470588236, 422.639437562772)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v129.360562437228h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(780.5073529411766, 274.79879477736864)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v277.20120522263136h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(831.2720588235295, 467.5460328088383)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v84.45396719116172h-12.691176470588236Z"></path></g></g></g><g class="grouped"><g><g class="bar vertical" transform="translate(31.727941176470587, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(82.49264705882352, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(133.25735294117646, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(184.02205882352942, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(234.78676470588235, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(285.5514705882353, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(336.3161764705883, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(387.0808823529412, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(437.84558823529414, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(488.6102941176471, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(539.375, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(590.1397058823529, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(640.9044117647061, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(691.669117647059, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(742.4338235294119, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(793.1985294117649, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(843.9632352941178, 552)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g></g></g></g></g></g><g class="y-series"><g class="multi"><g><g class="grouped"><g><g class="bar vertical" transform="translate(19.036764705882348, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(69.80147058823529, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(120.56617647058823, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(171.3308823529412, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(222.09558823529412, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(272.8602941176471, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(323.62500000000006, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(374.389705882353, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(425.1544117647059, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(475.91911764705884, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(526.6838235294117, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(577.4485294117646, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(628.2132352941178, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(678.9779411764707, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(729.7426470588236, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(780.5073529411766, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(831.2720588235295, 552)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v0h-12.691176470588236Z"></path></g></g></g><g class="grouped"><g><g class="bar vertical" transform="translate(31.727941176470587, 348.8169111246776)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v203.18308887532243h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(82.49264705882352, 399.9502127887513)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v152.0497872112487h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(133.25735294117646, 492.05110249744706)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v59.94889750255294h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(184.02205882352942, 502.81227055327264)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v49.18772944672736h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(234.78676470588235, 505.4431674995155)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v46.55683250048452h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(285.5514705882353, 517.6999050990738)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v34.30009490092618h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(336.3161764705883, 527.5517265882654)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v24.44827341173459h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(387.0808823529412, 529.3018228322732)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v22.69817716772684h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(437.84558823529414, 530.6780796642389)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v21.321920335761092h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(488.6102941176471, 532.0438598364958)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v19.956140163504188h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(539.375, 539.6589505919831)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v12.341049408016943h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(590.1397058823529, 543.1456698063605)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v8.854330193639498h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(640.9044117647061, 546.0061962045504)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v5.993803795449594h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(691.669117647059, 546.7069268885365)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v5.293073111463514h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(742.4338235294119, 548.8303839421375)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v3.1696160578625268h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(793.1985294117649, 548.8520260357698)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v3.147973964230232h-12.691176470588236Z"></path></g><g class="bar vertical" transform="translate(843.9632352941178, 550.7122364655443)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.345588235294118,0h12.691176470588236v1.2877635344557348h-12.691176470588236Z"></path></g></g></g></g></g></g></svg></d3fc-svg><d3fc-svg class="x-axis bottom-axis" style=""><svg preserveAspectRatio="none" viewBox="0 0 863 63" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0,6L0,0L863,0L863,6"></path><g class="tick" transform="translate(25.382352941176467, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Copiers</text></g><g class="tick" transform="translate(76.1470588235294, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Machines</text></g><g class="tick" transform="translate(126.91176470588235, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Tables</text></g><g class="tick" transform="translate(177.6764705882353, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Chairs</text></g><g class="tick" transform="translate(228.44117647058823, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Bookcases</text></g><g class="tick" transform="translate(279.20588235294116, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Phones</text></g><g class="tick" transform="translate(329.97058823529414, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Storage</text></g><g class="tick" transform="translate(380.7352941176471, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Supplies</text></g><g class="tick" transform="translate(431.5, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Appliances</text></g><g class="tick" transform="translate(482.2647058823529, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Accessories</text></g><g class="tick" transform="translate(533.0294117647059, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Binders</text></g><g class="tick" transform="translate(583.7941176470588, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Furnishings</text></g><g class="tick" transform="translate(634.5588235294119, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Envelopes</text></g><g class="tick" transform="translate(685.3235294117649, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Paper</text></g><g class="tick" transform="translate(736.0882352941178, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Labels</text></g><g class="tick" transform="translate(786.8529411764707, 0)" visibility=""><path stroke="#000" visibility="false" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Art</text></g><g class="tick" transform="translate(837.6176470588236, 0)" visibility=""><path stroke="#000" visibility="hidden" d="M25.38235294117647,0L25.38235294117647,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Fasteners</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" viewBox="-48 0 48 552" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,552L0,552L0,0L-6,0"></path><g class="tick" transform="translate(0, 552)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">0</text></g><g class="tick" transform="translate(0, 505.79979912956145)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">500</text></g><g class="tick" transform="translate(0, 459.5995982591229)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,000</text></g><g class="tick" transform="translate(0, 413.3993973886843)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,500</text></g><g class="tick" transform="translate(0, 367.19919651824574)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">2,000</text></g><g class="tick" transform="translate(0, 320.9989956478072)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">2,500</text></g><g class="tick" transform="translate(0, 274.79879477736864)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">3,000</text></g><g class="tick" transform="translate(0, 228.59859390693)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">3,500</text></g><g class="tick" transform="translate(0, 182.39839303649146)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">4,000</text></g><g class="tick" transform="translate(0, 136.1981921660529)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">4,500</text></g><g class="tick" transform="translate(0, 89.99799129561436)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">5,000</text></g><g class="tick" transform="translate(0, 43.797790425175734)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">5,500</text></g></svg></d3fc-svg><div class="y-label right-label" style="grid-area: 3 / 5 / auto / auto; width: 1em; display: flex; align-items: center; justify-content: center;"><span class="splitter-label" style="color: rgb(255, 127, 14);">Sales</span></div><d3fc-svg class="y-axis right-axis"><svg viewBox="0 0 48 552" fill="none" font-size="10" font-family="sans-serif" text-anchor="start"><path class="domain" stroke="#000" d="M6,552L0,552L0,0L6,0"></path><g class="tick" transform="translate(0, 552)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">0</text></g><g class="tick" transform="translate(0, 505.79979912956145)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">500</text></g><g class="tick" transform="translate(0, 459.5995982591229)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">1,000</text></g><g class="tick" transform="translate(0, 413.3993973886843)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">1,500</text></g><g class="tick" transform="translate(0, 367.19919651824574)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">2,000</text></g><g class="tick" transform="translate(0, 320.9989956478072)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">2,500</text></g><g class="tick" transform="translate(0, 274.79879477736864)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">3,000</text></g><g class="tick" transform="translate(0, 228.59859390693)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">3,500</text></g><g class="tick" transform="translate(0, 182.39839303649146)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">4,000</text></g><g class="tick" transform="translate(0, 136.1981921660529)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">4,500</text></g><g class="tick" transform="translate(0, 89.99799129561436)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">5,000</text></g><g class="tick" transform="translate(0, 43.797790425175734)"><path stroke="#000" d="M0,0L6,0"></path><text transform="translate(9, 0)" fill="#000" visibility="false" dy="0.32em">5,500</text></g></svg></d3fc-svg></d3fc-group><div class="legend-container" borderbox-on-hover="true" style="z-index: 2; cursor: move;"><svg id="dragHandles" width="150" height="52"><g><rect id="dragleft" class="vertical-drag-handle" y="9" x="0" height="34" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragtop" class="horizontal-drag-handle" y="0" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragright" class="vertical-drag-handle" y="9" x="141" height="34" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragbottom" class="horizontal-drag-handle" y="43" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragtopleft" class="corner-drag-handle top left" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="0"></rect><rect id="dragtopright" class="corner-drag-handle top right" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="0" x="141"></rect><rect id="dragbottomright" class="corner-drag-handle bottom right" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="43" x="141"></rect><rect id="dragbottomleft" class="corner-drag-handle bottom left" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="43" x="0"></rect></g></svg><g class="legend-controls" style="display: none;"><span id="up-arrow" class="disabled">▲</span>
<span id="page-text">1/1</span>
<span id="down-arrow" class="disabled">▼</span>
</g><svg class="legend" height="49"><g class="legendCells" transform="translate(20,20)"><g class="cell" transform="translate(0, 0)"><circle class="swatch" r="6" style="fill: rgba(3, 102, 214, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Quantity</text><title>Quantity</title></g><g class="cell" transform="translate(0, 15)"><circle class="swatch" r="6" style="fill: rgba(255, 127, 14, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Sales</text><title>Sales</title></g></g></svg></div><div class="tooltip" style="z-index: 3; opacity: 0;"><ul id="tooltip-values"></ul>
</div></div>